<template>
  <div ref="echarts" style="width: 100%; height: 100%"></div>
</template>
  
  <script>
import * as echarts from "echarts";

export default {
  mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
      const myChart = echarts.init(this.$refs.echarts);
      const option = {
        title: {
          text: "多维度质量影响指标体系",
          left: "40%",
          top: "10px",
        },
        legend: {
          top: "bottom",
        },
        
        series: [
          {
            name: "多维度质量影响指标体系",
            type: "pie",
            radius: [50, 150],
            center: ["50%", "50%"],
            roseType: "area",
            itemStyle: {
              borderRadius: 8,
            },
            data: [
              { value: 40, name: "人" },
              { value: 38, name: "机" },
              { value: 32, name: "料" },
              { value: 30, name: "法" },
              { value: 28, name: "环" },
            ],
          },
        ],
      };
      myChart.setOption(option)}
  },
};
</script>
  